<template>
	<view class="members">
    <text class="title">成员信息</text>
    <view class="clearfix">
      <view class="float" v-for="(item,index) in list" @click="jump(item.id)">
        <!-- <image :src="item.headerUrl ? item.headerUrl : 'https://alixeu-test.oss-cn-guangzhou.aliyuncs.com/achobate/headImg.png'" /> -->
        <u-avatar size="large" :src="item.headerUrl"></u-avatar>
        <text style="font-size:35rpx;font-weight:600;max-width: 180rpx;overflow: hidden">{{item.userName}}</text>
      </view>
    </view>
	</view>
</template>

<script setup>
  import { onShow } from "@dcloudio/uni-app";
  import {ref} from "vue";
  import {getMenberInfo} from '../../../utils/modules/member'
  const list=ref([]);
  function jump(id){
    uni.navigateTo({
    	url: '/pages/menber/menber?id='+id
    })
  };

  onShow(()=>{
    getMenberInfo().then((res) => {
    list.value = res.data.data
  })
  });
</script>

<style lang="scss">
  .members{
    width: 100%;
    text-align: center;
    background: linear-gradient(to right, #87d5f2, #99a9bf);
    border-radius: 20rpx;
    min-height: 1500rpx;
    .title{
      font-size: 75rpx;
    }

    .float{
      display: flex;
      flex-direction: column;
      width: 200rpx;
      height: 250rpx;
      float: left;
      margin: 15rpx;
    }

    image{
      border-radius: 50%;
      width: 200rpx;
      height: 200rpx;
    }

    .clearfix{
      margin: 50rpx 0 0 35rpx;
    }

    .clearfix:after {
    	content: "";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;
    }
  }

</style>